import Vue from 'vue'
import App from './App.vue'
import less from 'less'
import 'amfe-flexible'
import router from './router/index';
// Vue.config.productionTip = false

Vue.use(less);

new Vue({
  router,
  render: h => h(App),
}).$mount('#app')


/* 
less配置的步骤：
配置less 安装以下两个包  分开安装，否则可能会报错
npm i less --save-dev

npm install -D less-loader@7.x

安装完毕后在
main.js中引入less
import less from 'less'
并且声明使用less
Vue.use(less);

在组件中使用less时，在style标签中加入 lang="less"


如何进行移动端适配

1.下载
npm install amfe-flexible -S
npm install postcss-px2rem -S

2.配置vue.config.js
module.exports = {
    css:{
        loaderOptions:{
            postcss:{
                plugins:[
                    require('postcss-px2rem')({remUnit:75})
                ]
            }
        }
    },
    devServer:{
        open:true,
        port:8081
    }
}
3.重启项目
4.引入
import 'amfe-flexible'

5.正常写项目
*/